<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="../assets/css/about.css">
    <link rel="stylesheet" href="../node_modules/animate.css/animate.min.css" />
    <script src="https://api.map.baidu.com/api?v=1.0&&type=webgl&ak=pgDPmxNXENGjQG9fv5S2DnTu3QpOTXOw" type="text/javascript" charset="utf-8"></script>
    <script src="../jquery/jquery-3.6.0.min.js"></script>
    <title>联系我们</title>
  </head>
  <body>
    <div class="tea-top ">
      <div class="tea-cont content flex">
        <div class="top-left">
          <h1>品味茶叶</h1>
        </div>
        <ul class="flex">
          <li><a href="index.html">首页</a></li>
          <li><a href="product.html">产品展示</a></li>
          <li><a href="industry.html">行业资讯</a></li>
          <li><a href="culture.html">茶文化</a></li>
          <li><a href="about.html" class="active">联系我们</a></li>
        </ul>
      </div>
      <img src="../img/mores.png" alt="" class="more" id="mores">
      <ul class="iphone" id="iphones">
        <li><a href="index.html">首页</a></li>
        <li><a href="product.html">产品展示</a></li>
        <li><a href="industry.html">行业资讯</a></li>
        <li><a href="culture.html">茶文化</a></li>
        <li><a href="about.html" class="actives">联系我们</a></li>
      </ul>
    </div>
    <div class="banner">
      <img src="../img/q9.png" />
    </div>
    <div class="center">
      <div class="centerTop wow animate__animated animate__slideInUp">
        <div class="textss">
          <p class="text">联系我们</p>
          <p>Contact</p>
        </div>
        <p>19A4年在福建重新律立了自己的生产样地公司已经成功实现产、供、销部、研一体化目标，在福建、浙江、安徵、云南、四川等省建立了30个生产基地，公司不断延伸茶产业镂先后开设了茶棋、问、娱乐、文化创意产业发展。拥有连锁经营店120多家。</p>
      </div>
      <div class="centers wow animate__animated animate__slideInUp">
        <p class="line">QQ:177488228</p>
        <p>联系邮箱:xxo@.co.m</p>
        <p>联系电话:020-000000</p>
        <p>联系地址:XXX省XXX市XXX县XX路XXX号</p>
      </div>
    </div>
    <div id="container"></div>
    <script type="text/javascript">
      var map = new BMapGL.Map("container");
      // var point = new BMapGL.Point(116.404, 39.915);
      var point = new BMapGL.Point(117.0362267,36.2076761);
      map.centerAndZoom(point, 15);
      map.enableScrollWheelZoom(true);
      var scaleCtrl = new BMapGL.ScaleControl();  // 添加比例尺控件
      map.addControl(scaleCtrl);
      var zoomCtrl = new BMapGL.ZoomControl();  // 添加缩放控件
      map.addControl(zoomCtrl);
      var cityCtrl = new BMapGL.CityListControl();  // 添加城市列表控件
      map.addControl(cityCtrl);
    </script>
    <div class="tea-bottom">
      <div class="contents flex bottom-cont">
        <div>
          客服热线:(周一周五9:00-18:00) </br>
          000-00000000 </br>
          客服电话:020-000000 </br>
          客服QQ:177488228 </br>
          客服邮箱:xxx@.co.m </br>
        </div>
        <ul>
          <li><a href="/view/index.html">首页</a></li>
          <li><a href="/view/product.html">所有产品</a></li>
          <li><a href="/view/industry.html">产业资讯</a></li>
          <li><a href="/view/culture.html">茶文化</a></li>
        </ul>
        <div>
          品牌故事 </br>
          留言板 </br>
        </div>
      </div>
      <p>@20220912网站设计---茶叶版权所有
      </p>
    </div>
    <script>
      $(function () {
      $("#mores").click(function () {
        var mo = $("#mores").attr('src')
        if (mo == '../img/mores.png') {
          $("#mores").attr("src", "../img/cancels.png")
          $("#iphones").addClass("show")
        } else {
          $("#mores").attr("src", "../img/mores.png")
          $("#iphones").removeClass("show")
        }
      })
    })
    </script>
  </body>
</html>
